<template>
  <div class="container order-container">
    <my-table :tableColumns='tableColumns' :tableData='tableData' @handleSelectionChange='handleSelectionChange'>
      <el-table-column
        slot="action"
        align="center"
        label="操作"
        width="200">
        <template slot-scope="scope">
          <el-button
            type="text"
            @click="showDetail(scope.row)">详情</el-button>
        </template>
      </el-table-column>
    </my-table>
    <my-page @changePageSize='changePageSize' @changePageNumber='changePageNumber' :total='100'></my-page>
  </div>
</template>

<script>
import tableColumns from '@/utils/tableColumns.js'
export default {
  name: 'order',
  data(){
    return {
      tableColumns: tableColumns.orderlist,
      tableData: []
    }
  },
  methods:{
    changePageSize(v){

    },
    changePageNumber(v){

    },
    handleSelectionChange(v){

    },
    handleClick(v){
      console.log(v)
    }
  },
  created(){
    console.log(tableColumns)
    for(let i = 0; i<10; i++){
      this.tableData.push({
            "id":i,
            "mc":'123',
            "jttz": 6.77,
            "hj": 1,
            "dw": "临汾",
            "qtfy": 0.62,
            "jzgcf": 0.16,
            "sbgzf": 4.53,
            "dttz": 6.86,
            "azgcf": 1.46
          })
    }
  }
}
</script>

<style lang="scss" scoped>
.container{
  height: 100%;
}
</style>
